﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:c="clr-namespace:HomeUX.Controls;assembly=HomeUX.ClientLibrary"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" x:Class="HomeUX.MusicClientLibrary.MusicLoadPlaylistScreen"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    Width="800" Height="530" IsTabStop="False" mc:Ignorable="d" IsEnabled="False">

    <UserControl.Resources>
		<Style x:Key="PlaylistButtonStyle" TargetType="c:TouchButton">
			<Setter Property="Width" Value="220" />
			<Setter Property="HorizontalContentAlignment" Value="Left" />
		</Style>
        <Style x:Key="PlaylistTextStyle" TargetType="TextBlock">
            <Setter Property="Width" Value="200" />
            <Setter Property="LineHeight" Value="16" />
            <Setter Property="LineStackingStrategy" Value="BlockLineHeight" />
            <Setter Property="TextWrapping" Value="Wrap" />
            <Setter Property="Margin" Value="8,0,8,0" />
        </Style>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="{StaticResource DefaultBackgroundBrush}">

		<TextBlock x:Name="HeaderTextBlock" Text="{}Load a Playlist into the Queue - {0}" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="18" Margin="10,10,0,0" />

        <TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="13" Margin="10,50,0,0">
			Choose a playlist to load.  <Run Foreground="Red" FontWeight="Bold">Note that this will erase the queue.</Run>
		</TextBlock>

		<Grid  VerticalAlignment="Top" Margin="10,85,20,0" Height="377">
	        <c:TouchListBox x:Name="PlaylistsListBox"
	            DragZoneVisibility="Hidden" ScrollButtonVisibility="VisibleAlways" ScrollSliderVisibility="VisibleAlways" IsEnabled="True" SelectionMode="None"
				ItemButtonStyle="{StaticResource PlaylistButtonStyle}"
	            ItemClick="PlaylistsListBox_ItemClick" ListMargin="0,0,0,0" ViewportMinWidth="285" ItemAction="SetStringValue">
				<!--
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name that's really quite long - long enough that it will wrap" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				<TextBlock Style="{StaticResource PlaylistTextStyle}" Text="This is a playlist name" />
				-->
	        </c:TouchListBox>
			<TextBlock x:Name="NoPlaylistsMessage" HorizontalAlignment="Right" VerticalAlignment="Center" TextAlignment="Center" FontSize="13" Width="660" Margin="0,0,110,0">There are currently no playlists.</TextBlock>
		</Grid>
		
        <TextBlock HorizontalAlignment="Left" VerticalAlignment="Bottom" FontSize="13" Margin="10,0,0,30">
			Tip: To delete a playlist: open it and clear all its tracks -- then you'll see a <Run FontWeight="Bold">Delete Playlist</Run> button.
		</TextBlock>

    </Grid>

</UserControl>

